<template>
  <div class="tip-wrap">
    <span class="iconfont icon-service"></span>
    <span class="title">{{title}}</span>
  </div>
</template>

<script>
  export default {
    name: 'Tip',
    props: {
      title: String
    }
  }
</script>

<style scoped="scoped" lang="scss">
  @import '~styles/mixins.scss';
  @import '~styles/variables.scss';

  .tip-wrap {
    @include flex-row;
    width: 100%;
    line-height: $headerHeight;
    padding-left: .16rem;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;

    span {
      font-size: .14rem;
      color: #333333;
    }

    .title {
      line-height: $headerHeight;
      margin-left: .16rem;
    }
  }
</style>
